<template>
	<view :style="themeColor">
		<view class="page">
			<view class="flex benben-position-layout flex flex-wrap align-center orderDetails_flex_0"
				:style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }">
				<view class='flex flex-wrap align-center justify-between flex-sub orderDetails_fd0_0'>
					<view class='flex flex-wrap align-center orderDetails_fd0_0_c0' @tap.stop="handleJumpDiy"
						data-type="back" data-url="1">
						<text class='fu-iconfont2  orderDetails_fd0_0_c0_c0'>&#xe794;</text>
					</view>
					<text class='orderDetails_fd0_0_c1'>订单详情</text>
					<view class='flex flex-wrap align-center orderDetails_fd0_0_c0'>
					</view>
				</view>

			</view>
			<view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
			<!---flex布局flex布局开始-->
			<view class="flex flex-wrap align-center justify-center benben-flex-layout orderDetails_flex_1"
				v-if=" detailsData.order_status!=17">
				<image class='orderDetails_fd1_0' mode="aspectFit" :src='STATIC_URL+"342.png"'></image>
				<text class='orderDetails_fd1_1'>{{detailsData.order_status_name}}</text>
			</view>

			<!---flex布局flex布局结束-->
			<!---地址flex布局开始-->
			<view class="flex benben-flex-layout flex-wrap align-center orderDetails_flex_2">
				<image class='orderDetails_fd2_0' mode="aspectFit" :src='STATIC_URL+"343.png"'></image>
				<view class='flex flex-direction flex-wrap align-stretch flex-sub orderDetails_fd2_1'>
					<view class='flex flex-wrap align-center orderDetails_fd2_1_c0'>
						<text class='orderDetails_fd2_1_c0_c0'>{{detailsData.address_info.contacts}}</text>
						<text class='orderDetails_fd2_1_c0_c0'
							v-if=" detailsData.address_info.sex=='1' || detailsData.address_info.sex=='2'">(</text>
						<text class='orderDetails_fd2_1_c0_c0' v-if=" detailsData.address_info.sex=='1'">先生</text><text
							class='orderDetails_fd2_1_c0_c0' v-if=" detailsData.address_info.sex=='2'">女士</text>
						<text class='orderDetails_fd2_1_c0_c0'
							v-if=" detailsData.address_info.sex=='1' || detailsData.address_info.sex=='2'">)</text>
						<text class='orderDetails_fd2_1_c0_c4'>{{detailsData.address_info.telephone}}</text>
					</view>
					<view class='orderDetails_fd2_1_c1'>
						<text>{{detailsData.address_info.address}}</text>
					</view>
				</view>
				<image class='orderDetails_fd2_2' mode="aspectFill" :src='STATIC_URL+"165.png"'></image>
			</view>

			<!---地址flex布局结束-->
			<!---订单flex布局开始-->
			<view class="flex flex-direction flex-wrap align-center benben-flex-layout orderDetails_flex_3_ben0897523"
				v-if="detailsData.order_type == '3' && detailsData.order_status != '-1'">
				<view class='flex flex-wrap align-center orderDetails_fd3_0_ben0897523'
					v-if="detailsData.group_info.is_group == '1'">
					<text class='orderDetails_fd3_0_c0_ben0897523'>拼团成功</text>
				</view>
				<view class='flex flex-wrap align-center orderDetails_fd3_0_ben0897523'
					v-if="detailsData.group_info.is_group == '0'">
					<image class='orderDetails_fd3_1_c0_ben0897523' mode="aspectFit" src='/static/images/TB.png'>
					</image>
					<text class='orderDetails_fd3_1_c1_ben0897523'>拼团中，还差</text>
					<text class='orderDetails_fd3_1_c2_ben0897523'>{{detailsData.group_info.join_number}}</text>
					<text class='orderDetails_fd3_1_c1_ben0897523'>人拼成，剩：</text>
					<benben-countdown class=' orderDetails_fd3_1_c4_ben0897523' :show-day='false' :time-type='false'
						:count-time="detailsData.group_info.countdown">
						<template #default="{ d, h, i, s }">
							<text class='orderDetails_fd3_1_c4_c2_ben0897523'>{{h}}</text>

							<text class='orderDetails_fd3_1_c4_c2_ben0897523'>:</text>

							<text class='orderDetails_fd3_1_c4_c2_ben0897523'>{{i}}</text>

							<text class='orderDetails_fd3_1_c4_c2_ben0897523'>:</text>

							<text class='orderDetails_fd3_1_c4_c2_ben0897523'>{{s}}</text>

							<text class='orderDetails_fd3_1_c4_c2_ben0897523'></text>
						</template>
					</benben-countdown>
					<text class='orderDetails_fd3_1_c5_ben0897523'>拼团结束</text>
				</view>
				<scroll-view class='orderDetails_fd3_2_ben0897523' :scroll-x='true'>
					<view class='flex align-center justify-center benben-scroll flex'>
						<template v-for='(item,key0) in detailsData.group_info.group_user'>
							<view
								class='flex flex-direction flex-wrap align-stretch self-center justify-center orderDetails_fd3_2_c0_ben0897523'
								:key='key0'>
								<image class='orderDetails_fd3_2_c0_c0_ben0897523' mode="aspectFit" :src='item.avatar'>
								</image>
								<button class='orderDetails_fd3_2_c0_c1_ben0897523'
									v-if="item.is_full == '1'">团长</button>
							</view>
						</template>
					</view>
				</scroll-view>
			</view>
			<!---订单flex布局结束-->
			<!---flex布局flex布局开始-->
			<view class="flex benben-flex-layout flex-wrap align-center orderDetails_flex_3"
				v-if="Object.keys(detailsData.jiedanren_info).length" @tap.stop="handleJumpDiy" data-type="navigateTo"
				:data-url="`/pages/index/masterDetails/masterDetails?id=${detailsData.jiedanren}`">
				<image class='orderDetails_fd3_0' mode="aspectFit" :src='detailsData.jiedanren_info.avatar'></image>
				<view class='flex flex-direction flex-wrap align-stretch flex-sub orderDetails_fd3_1'>
					<text class='orderDetails_fd3_1_c0'>{{detailsData.jiedanren_info.nickname}}</text>
					<view class='flex flex-wrap align-center orderDetails_fd3_1_c1'>
						<view class='flex flex-wrap align-center'>
							<template v-for="starNum in [1,2,3,4,5]">
								<image v-if="detailsData.jiedanren_info.fuwuxingji >= starNum" :key="starNum"
									class='orderDetails_star1fd3_1_c1_c0' mode="aspectFit" :src='STATIC_URL+"344.png"'>
								</image>
								<image v-else :key="starNum" class='orderDetails_star1fd3_1_c1_c0' mode="aspectFit"
									:src='STATIC_URL+"345.png"'></image>
							</template>
						</view>
					</view>
				</view>
				<view class='flex flex-direction flex-wrap align-center orderDetails_fd3_2'
					@tap.stop="collectFunc(detailsData.jiedanren)">
					<image class='orderDetails_fd3_2_c0' mode="aspectFit" :src='STATIC_URL+"104.png"'
						v-if=" detailsData.is_collection==0"></image>
					<image class='orderDetails_fd3_2_c0' mode="aspectFit" :src='STATIC_URL+"167.png"'
						v-if=" detailsData.is_collection=='1'"></image>
					<text class='orderDetails_fd3_2_c1' v-if=" detailsData.is_collection==0">收藏</text><text
						class='orderDetails_fd3_2_c1' v-if=" detailsData.is_collection=='1'">已收藏</text>
				</view>
				<image class='orderDetails_fd3_3' mode="aspectFit" :src='STATIC_URL+"103.png"'
					@tap.stop="callMobile(detailsData.jiedanren_info.mobile)"></image>
			</view>

			<!---flex布局flex布局结束-->
			<!---flex布局flex布局开始-->
			<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout orderDetails_flex_4"
				v-if=" detailsData.service_type==3 && detailsData.order_status>=15">
				<view class='flex flex-wrap align-center orderDetails_fd4_0'>
					<template v-for='(item,key0) in detailsData.bidding.binding_image'>
						<view class='flex flex-wrap align-center orderDetails_fd4_0_c0' :key='key0'>
							<image class='orderDetails_fd4_0_c0_c0' mode="aspectFill" :src='item'
								@tap.stop="multiImagePreview(item,detailsData.bidding.binding_image,'')"></image>
						</view>
					</template>

				</view>
				<view class='flex flex-wrap align-start orderDetails_fd4_1'
					v-if=" detailsData.bidding.bidding_remark!=''">
					<text class='orderDetails_fd4_1_c0'>备注</text>
					<text class='flex-sub orderDetails_fd4_1_c1'>{{detailsData.bidding.bidding_remark}}</text>
				</view>
				<view class='flex flex-wrap align-center justify-end orderDetails_fd4_2'>
					<text class='orderDetails_fd4_2_c0'>师傅报价：</text>
					<view class='flex flex-wrap align-end orderDetails_fd4_2_c1'>
						<text class='orderDetails_fd4_2_c1_c0'>￥</text>
						<text class=' orderDetails_fd4_2_c1_c1'>
							<text>{{ detailsData.bidding.bidding_price | frontPrice }}</text>
							<text
								class=' orderDetails_price2_fd4_2_c1_c1'>{{ detailsData.bidding.bidding_price | laterPrice }}</text>
						</text>
					</view>
				</view>
			</view>

			<!---flex布局flex布局结束-->
			<!---订单信息flex布局开始-->
			<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout orderDetails_flex_5">
				<view class='flex flex-wrap align-center orderDetails_fd5_0'>
					<text class='orderDetails_fd5_0_c0'>预约信息</text>
					<text class='order_fd2_1_c0_c20089' v-if="detailsData.service_type == '1'">一口价</text>
					<text class='order_fd2_1_c0_c20089' v-if="detailsData.service_type == '2'">议价</text>
					<text class='order_fd2_1_c0_c20089' v-if="detailsData.service_type == '3'">竞价</text>
					<text class='orderDetails_fd5_0_c1'>{{detailsData.door_time}}</text>
				</view>
				<view class='flex flex-wrap align-center orderDetails_fd5_1' @tap.stop="handleJumpDiy"
					data-type="navigateTo"
					:data-url="`/pages/index/serviceDetails/serviceDetails?id=${detailsData.serviceproject_aid}&serviceName=${detailsData.serviceproject_biaoti}`">
					<image class='orderDetails_fd5_1_c0' mode="aspectFill" :src='detailsData.serviceproject_photo'>
					</image>
					<view class='flex flex-direction flex-wrap align-stretch flex-sub'>
						<text class='orderDetails_fd5_1_c1_c0'>{{detailsData.serviceproject_biaoti}}</text>
						<view class='flex flex-wrap align-center justify-between orderDetails_fd5_1_c1_c1'>
							<text class='orderDetails_fd5_1_c1_c1_c0'
								v-if=" detailsData.specs_name!=''">{{detailsData.specs_name}}</text>
							<view class='flex flex-wrap align-start orderDetails_fd5_1_c1_c1_c1'>
								<text>x</text>
								<text>{{detailsData.num}}</text>
							</view>
						</view>
						<view class='flex flex-wrap align-center orderDetails_fd5_1_c1_c2'>
							<text class='orderDetails_fd5_1_c1_c2_c0' v-if="detailsData.service_type == '2'">定金金额</text>
							<text class='orderDetails_fd5_1_c1_c2_c0' v-else>服务金额</text>
							<view class='flex flex-wrap align-end orderDetails_fd5_1_c1_c2_c1'>
								<text class='orderDetails_fd5_1_c1_c2_c1_c0'>￥</text>
								<text class=' orderDetails_fd5_1_c1_c2_c1_c1'>
									<text>{{ detailsData.retainer | frontPrice }}</text>
									<text
										class=' orderDetails_price2_fd5_1_c1_c2_c1_c1'>{{ detailsData.retainer | laterPrice }}</text>
								</text>
							</view>
						</view>
						<view class='flex flex-wrap align-center' v-if=" detailsData.discount_ratio>0">
							<view class='flex flex-wrap align-center'>
								<text class='orderDetails_fd5_1_c1_c3_c0_c0'>会员价</text>
								<view class='flex flex-wrap align-end orderDetails_fd5_1_c1_c2_c1'>
									<text class='orderDetails_fd5_1_c1_c2_c1_c0'>￥</text>
									<text class=' orderDetails_fd5_1_c1_c2_c1_c1'>
										<text>{{ detailsData.level_service_money | frontPrice }}</text>
										<text
											class=' orderDetails_price2_fd5_1_c1_c2_c1_c1'>{{ detailsData.level_service_money | laterPrice }}</text>
									</text>
								</view>
							</view>
						</view>
					</view>
				</view>
				<view class='flex flex-wrap align-start orderDetails_fd5_1' v-if=" detailsData.notes!=''">
					<text class='orderDetails_fd5_3_c0'>备注(选填)</text>
					<text class='flex-sub orderDetails_fd5_3_c1'>{{detailsData.notes}}</text>
				</view>
				<view class='flex flex-wrap align-center orderDetails_fd5_2' v-if=" detailsData.photo!=0">
					<template v-for='(item,key0) in detailsData.photo'>
						<view class='flex flex-wrap align-center orderDetails_fd5_2_c0' :key='key0'>
							<image class='orderDetails_fd5_2_c0_c0' mode="aspectFill" :src='item'
								@tap.stop="multiImagePreview(item,detailsData.photo,'')"></image>
						</view>
					</template>
				</view>
			</view>

			<!---订单信息flex布局结束-->
			<!---flex布局flex布局开始-->
			<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout orderDetails_flex_6"
				v-if=" detailsData.quoted_price.length!=0">
				<template v-for='(item,key0) in detailsData.quoted_price'>
					<view class='flex flex-direction flex-wrap align-stretch orderDetails_fd6_0' :key='key0'>
						<view class='flex flex-wrap align-center justify-between orderDetails_fd6_0_c0'>
							<text class='orderDetails_fd6_0_c0_c0'>{{item.create_time}}</text>
							<text class='orderDetails_fd6_0_c0_c1' v-if=" item.order_type=='2'">报价</text>
							<text class='orderDetails_fd6_0_c0_c1_1' v-if=" item.order_type=='3'">加价</text>
							<text class='orderDetails_fd6_0_c0_c2'>{{item.zhifuzhuangtai_name}}</text>
						</view>
						<view class='flex flex-wrap align-center orderDetails_fd6_0_c1'>
							<template v-for='(child,key1) in item.image'>
								<view class='flex flex-wrap align-center orderDetails_fd6_0_c1_c0' :key='key1'>
									<image class='orderDetails_fd6_0_c1_c0_c0' mode="aspectFill" :src='child'
										@tap.stop="multiImagePreview(child,item.image,'')"></image>
								</view>
							</template>

						</view>
						<view class='flex flex-wrap align-start orderDetails_fd6_0_c2'>
							<text class='orderDetails_fd6_0_c2_c0'>备注</text>
							<text class='flex-sub orderDetails_fd6_0_c2_c1'>{{item.descr}}</text>
						</view>
						<view class='flex flex-wrap align-center justify-end orderDetails_fd6_0_c3'>
							<text class='orderDetails_fd6_0_c3_c0' v-if=" item.order_type=='2'">师傅报价：</text>
							<text class='orderDetails_fd6_0_c3_c0' v-if=" item.order_type=='3'">师傅加价：</text>
							<view class='flex flex-wrap align-end orderDetails_fd6_0_c3_c1'>
								<text class='orderDetails_fd6_0_c3_c1_c0'>￥</text>
								<text class=' orderDetails_fd6_0_c3_c1_c1'>
									<text>{{ item.pay_money | frontPrice }}</text>
									<text
										class=' orderDetails_price2_fd6_0_c3_c1_c1'>{{ item.pay_money | laterPrice }}</text>
								</text>
							</view>
						</view>
					</view>
				</template>

			</view>

			<!---flex布局flex布局结束-->
			<!---flex布局flex布局开始-->
			<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout orderDetails_flex_7"
				v-if=" in_array(detailsData.order_status,'35,40,45')">
				<text class='orderDetails_fd7_0'>服务完成</text>
				<view class='flex flex-wrap align-center orderDetails_fd7_1'>
					<template v-for='(item,key0) in detailsData.over_photo'>
						<view class='flex flex-wrap align-center orderDetails_fd7_1_c0' :key='key0'>
							<image class='orderDetails_fd7_1_c0_c0' mode="aspectFill" :src='item'
								@tap.stop="multiImagePreview(item,detailsData.over_photo,'')"></image>
						</view>
					</template>

				</view>
				<view class='flex flex-wrap align-start orderDetails_fd7_2' v-if=" detailsData.over_notes!=''">
					<text class='orderDetails_fd7_2_c0'>备注</text>
					<text class='flex-sub orderDetails_fd7_2_c1'>{{detailsData.over_notes}}</text>
				</view>
			</view>

			<!---flex布局flex布局结束-->
			<!---flex布局flex布局开始-->
			<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout orderDetails_flex_8">
				<view class='flex flex-wrap align-center orderDetails_fd8_0'>
					<view class='flex flex-wrap align-center orderDetails_fd8_0_c0'>
					</view>
					<text class='orderDetails_fd8_0_c1'>订单信息</text>
				</view>
				<view class='flex flex-wrap align-start orderDetails_fd8_1'>
					<text class='orderDetails_fd8_1_c0'>订单编号</text>
					<text class='flex-sub orderDetails_fd8_1_c1'>{{detailsData.order_sn}}</text>
				</view>
				<view class='flex flex-wrap align-start orderDetails_fd8_1'>
					<text class='orderDetails_fd8_1_c0'>下单时间</text>
					<text class='flex-sub orderDetails_fd8_1_c1'>{{detailsData.create_time}}</text>
				</view>
				<view class='flex flex-wrap align-start orderDetails_fd8_1'
					v-if="detailsData.jiedanren_info.departure_time">
					<text class='orderDetails_fd8_1_c0'>上门时间</text>
					<text class='flex-sub orderDetails_fd8_1_c1'>{{detailsData.jiedanren_info.departure_time}}</text>
				</view>
				<view class='flex flex-wrap align-start orderDetails_fd8_1' v-if="detailsData.start_time">
					<text class='orderDetails_fd8_1_c0'>服务时间</text>
					<text class='flex-sub orderDetails_fd8_1_c1'>{{detailsData.start_time}}</text>
				</view>
				<view class='flex flex-wrap align-start orderDetails_fd8_1' v-if="detailsData.deposit_amount.pay_time">
					<text class='orderDetails_fd8_1_c0'>支付时间</text>
					<text class='flex-sub orderDetails_fd8_1_c1'>{{detailsData.deposit_amount.pay_time}}</text>
				</view>
				<view class='flex flex-wrap align-start orderDetails_fd8_1'
					v-if=" detailsData.order_status>5 && detailsData.coupon_money>0">
					<text class='orderDetails_fd8_1_c0'>优惠金额</text>
					<text class='orderDetails_fd8_1_c1'>￥</text>
					<text class='orderDetails_fd8_1_c1'>{{detailsData.coupon_money}}</text>
				</view>
				<view class='flex flex-wrap align-start orderDetails_fd8_1'
					v-if=" detailsData.order_status>5 && detailsData.discount_ratio>0">
					<text class='orderDetails_fd8_1_c0'>折扣金额</text>
					<text class='orderDetails_fd8_1_c1'>￥</text>
					<text class='orderDetails_fd8_1_c1'>{{detailsData.discount_ratio}}</text>
				</view>
				<view class='flex flex-wrap align-start orderDetails_fd8_1'
					v-if="detailsData.deposit_amount.pay_status!=0">
					<text class='orderDetails_fd8_1_c0'>支付金额</text>
					<text class='orderDetails_fd8_1_c1'>￥</text>
					<text class='orderDetails_fd8_1_c1'>{{detailsData.payable_money}}</text>
				</view>
				<view class='flex flex-wrap align-start orderDetails_fd8_1'
					v-if="detailsData.deposit_amount.zhifufangshi_name">
					<text class='orderDetails_fd8_1_c0'>支付方式</text>
					<text class='orderDetails_fd8_1_c1'>{{detailsData.deposit_amount.zhifufangshi_name}}</text>
				</view>
			</view>

			<!---flex布局flex布局结束-->
			<!---flex布局flex布局开始-->
			<view class="flex benben-flex-layout flex-wrap align-center orderDetails_flex_9">
				<view class='flex flex-wrap align-center justify-center flex-sub orderDetails_fd9_0'
					@tap.stop="handleJumpDiy" data-type="navigateTo"
					:data-url="`/pages/my/contactCustomerService/contactCustomerService`">
					<image class='orderDetails_fd9_0_c0' mode="aspectFit" :src='STATIC_URL+"129.png"'
						@tap.stop="handleJumpDiy" data-type="navigateTo"
						:data-url="`/pages/my/contactCustomerService/contactCustomerService`"></image>
					<text class='orderDetails_fd9_0_c1'>联系客服</text>
				</view>
			</view>

			<!---flex布局flex布局结束-->
			<benben-popup v-model="popupShow1692697341302" :mask="true" :mask-close-able="true" mode='bottom'>
				<!---取消订单弹窗flex布局开始-->
				<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout orderDetails_flex_10">
					<view class='flex flex-wrap align-center justify-between orderDetails_fd10_0'>
						<text class='orderDetails_fd10_0_c0' @tap.stop="popupShow1692697341302=false">取消</text>
						<text class='orderDetails_fd10_0_c1'>取消订单</text>
						<text class='orderDetails_fd10_0_c2' @tap.stop="postCancalOrderFunc()">确定</text>
					</view>
					<text class='orderDetails_fd10_1'>请选择取消订单原因</text>
					<benben-select-diy ref="showSelectPopup1660214031902"
						class-name='flex flex-direction align-stretch flex orderDetails_fd10_2' :items.sync="cancelType"
						v-model="cancel_id" default-type="aid" default-label="reason" :allow-cancel='false' type="radio"
						:disabled='false'>
						<template v-for='(item,key0) in cancelType'>
							<view v-if="item.isSelected"
								class='flex align-center justify-between flex orderDetails_fd10_2_c0' :key="key0"
								@tap="$refs.showSelectPopup1660214031902.tapHandle(key0)">
								<text class='orderDetails_fd10_2_c0_c0'>{{item.reason}}</text>
								<image class='orderDetails_fd10_2_c0_c1' mode="aspectFit" :src='STATIC_URL+"133.png"'>
								</image>
							</view>
							<view v-else class='flex align-center justify-between flex orderDetails_fd10_2_c0'
								:key="key0" @tap="$refs.showSelectPopup1660214031902.tapHandle(key0)">
								<text class='orderDetails_fd10_2_c0_c0'>{{item.reason}}</text>
								<image class='orderDetails_fd10_2_c0_c1' mode="aspectFit" :src='STATIC_URL+"271.png"'>
								</image>
							</view>
						</template></benben-select-diy>
				</view>

				<!---取消订单弹窗flex布局结束-->

			</benben-popup>
			<!---分享flex布局开始-->
			<benben-popup v-model="popupShow1728198922137" :mask="true" :mask-close-able="true" mode='bottom'>
				<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout">
					<view class='flex flex-direction flex-wrap align-stretch serviceDetails_fd3_0078963'>
						<view class='flex flex-wrap align-center justify-between serviceDetails_fd3_0_c0078963'>
							<view class='flex flex-wrap align-center serviceDetails_fd3_0_c0_c0078963'>
							</view>
							<text class='serviceDetails_fd3_0_c0_c1078963'>分享到</text>
							<view class='flex flex-wrap align-center' @tap.stop="popupShow1728198922137 = false">
								<image class='serviceDetails_fd3_0_c0_c2_c0078963' mode="aspectFit"
									:src='STATIC_URL+"66.png"'></image>
							</view>
						</view>
						<view class='flex flex-wrap align-center justify-around serviceDetails_fd3_0_c1078963'>
							<view class='flex flex-direction flex-wrap align-center serviceDetails_fd3_0_c1_c0078963'
								@tap.stop="clickShearFunc(1)">
								<button class='serviceDetails_fd3_0_c1_c0_c0078963' open-type="share"></button>
								<image class='serviceDetails_fd3_0_c1_c0_c1078963' mode="aspectFit"
									:src='STATIC_URL+"229.png"'></image>
								<text class='serviceDetails_fd3_0_c1_c0_c2078963'>微信好友</text>
							</view>
							<view class='flex flex-direction flex-wrap align-center' @tap.stop="clickShearFunc(2)">
								<image class='serviceDetails_fd3_0_c1_c0_c1078963' mode="aspectFit"
									:src='STATIC_URL+"230.png"'></image>
								<text class='serviceDetails_fd3_0_c1_c0_c2078963'>朋友圈</text>
							</view>
						</view>
					</view>
				</view>
			</benben-popup>
			<!---分享flex布局结束-->
			<view class="flex benben-position-layout flex flex-wrap align-center orderDetails_flex_11"
				v-if="!in_array(detailsData.order_status,'30')">
				<view class='flex flex-wrap align-center justify-end flex-sub orderDetails_fd11_0'>
					<button class='orderDetails_fd11_0_c0' @tap.stop="popupShow1692697341302=true"
						v-if=" in_array(detailsData.order_status,'5,10,15,50')">取消订单</button><button
						class='orderDetails_fd11_0_c0_1' @tap.stop="popupShow1694425648944=true"
						v-if=" in_array(detailsData.order_status,'45')">删除订单</button><button
						class='orderDetails_fd11_0_c0_1' @tap.stop="complaintJumpFunc(detailsData)"
						v-if=" in_array(detailsData.order_status,'35,40,45')">{{detailsData.is_complaint?'查看投诉':'投诉'}}</button>
					<button class='orderDetails_fd11_0_c1' @tap.stop="handleJumpDiy" data-type="navigateTo"
						:data-url="`/pages/index/cashier/cashier?money=${detailsData.service_money}&order_sn=${detailsData.two_amount.pay_order_sn}&order_type=13&syccessType=2`"
						v-if=" detailsData.order_status=='25'">去支付</button>
					<button class='orderDetails_fd11_0_c1_1' @tap.stop="popupShow1694424987892=true"
						v-if=" detailsData.order_status=='35'">确认完成</button>
					<button class='orderDetails_fd11_0_c1_1' @tap.stop="handleJumpDiy" data-type="navigateTo"
						:data-url="`/pages/index/userEvaluation/userEvaluation?id=${detailsData.aid}&type=1`"
						v-if=" detailsData.order_status=='45'">查看评价</button><button class='orderDetails_fd11_0_c1_1'
						@tap.stop="handleJumpDiy" data-type="navigateTo"
						:data-url="`/pages/index/evaluate/evaluate?id=${detailsData.aid}`"
						v-if=" detailsData.order_status=='40'">去评价</button><button class='orderDetails_fd11_0_c1_4'
						@tap.stop="handleJumpDiy" data-type="navigateTo"
						:data-url="`/pages/index/lookQuotation/lookQuotation?id=${detailsData.aid}`"
						v-if=" detailsData.order_status=='5' && detailsData.service_type=='3'">查看报价</button><button
						class='orderDetails_fd11_0_c1_4' @tap.stop="popupShow1694425648944=true"
						v-if=" detailsData.order_status=='-1'">删除订单</button>
					<button class='orderDetails_fd11_0_c1_1' @tap.stop="postNoDataFunc()"
						v-if="detailsData.order_status=='5' && detailsData.service_type!='3' && detailsData.group_id !=''">去支付</button>
					<button class='orderDetails_fd11_0_c1_1' @tap.stop="handleJumpDiy" data-type="navigateTo"
						:data-url="`/pages/index/cashier/cashier?money=${detailsData.service_money}&countdown=${detailsData.countdown}&order_sn=${detailsData.deposit_amount.pay_order_sn}&order_type=13&syccessType=1`"
						v-if="detailsData.order_status=='5' && detailsData.service_type!='3' && detailsData.group_id ==''">去支付</button>
					<button class='orderDetails_fd11_0_c1_1'
						@tap.stop="invoiceTransferFunc(detailsData.invoice,detailsData.order_sn)"
						v-if="in_array(detailsData.order_status, '40,45')">{{detailsData.invoice == 1 ? "申请发票" :  "查看发票"}}</button>
					<button class='orderDetails_fd11_0_c1' open-type="share"
						v-if=" detailsData.order_status=='50' && appSystemIdentification=='Wechat'">邀请好友</button>
					<button class='orderDetails_fd11_0_c1'
						v-if=" detailsData.order_status=='50' && appSystemIdentification!='Wechat'"
						@tap.stop="popupShow1728198922137 = true">邀请好友</button>
				</view>

			</view>
			<view :style="{height: '100rpx'}" v-if="!in_array(detailsData.order_status,'30')"></view>
			<benben-popup v-model="popupShow1694424987892" :mask="true" :mask-close-able="true" mode='center'>
				<!---完成订单弹窗flex布局开始-->
				<view class="flex benben-flex-layout flex-wrap align-center">
					<view class='flex flex-direction flex-wrap align-center orderDetails_fd12_0'>
						<text class='orderDetails_fd12_0_c0'>提示</text>
						<text class='orderDetails_fd12_0_c1'>您预约的服务已完成，如您未验收或验收有问题请点击“取消”，并联系平台客服或直接投诉；如您已验收完成请点击“确认”。</text>
						<view class='flex align-center orderDetails_fd12_0_c2'>
							<button class='orderDetails_fd12_0_c2_c0'
								@tap.stop="popupShow1694424987892=false">取消</button>
							<button class='orderDetails_fd12_0_c2_c1' @tap.stop="postCompleteFunc()">确认</button>
						</view>
					</view>
				</view>

				<!---完成订单弹窗flex布局结束-->

			</benben-popup>
			<benben-popup v-model="popupShow1694425648944" :mask="true" :mask-close-able="true" mode='center'>
				<!---退出登录flex布局开始-->
				<view class="flex flex-direction flex-wrap align-center orderDetails_flex_13"
					@tap.stop="popupShow1650940432200=true">
					<text class='orderDetails_fd13_0'>提示</text>
					<text class='orderDetails_fd13_1'>确定要删除该订单吗？</text>
					<view class='flex flex-wrap align-center orderDetails_fd13_2'>
						<button class='orderDetails_fd13_2_c0' @tap.stop="popupShow1694425648944=false">取消</button>
						<button class='orderDetails_fd13_2_c1' @tap.stop="postDeleteFunc()">确定</button>
					</view>
				</view>

				<!---退出登录flex布局结束-->

			</benben-popup>


		</view>
	</view>
</template>
<script>
	import {
		validate
	} from '@/common/utils/validate.js'

	export default {
		components: {},


		data() {
			return {
				"popupShow1694425648944": false,
				"popupShow1694424987892": false,
				"popupShow1692697341302": false,
				"popupShow1728198922137": false, //分享弹窗
				"detailsData": {
					"aid": "",
					"order_sn": "",
					"order_status": "",
					"retainer": "",
					"two_money": "",
					"door_time": "",
					"serviceproject_tupian": [],
					"serviceproject_biaoti": "",
					"serviceproject_aid": "",
					"user_nickname": "",
					"user_mobile": "",
					"notes": "",
					"pingtaiyouhuiquanid": "",
					"photo": [],
					"coupon_money": "",
					"discount_money": "",
					"jiedanren": "",
					"create_time": "",
					"master_tel": "",
					"service_info": "",
					"order_status_name": "",
					"jiedanren_info": {
						"shifudaodashijian": "",
						"nickname": "",
						"avatar": "",
						"mobile": "",
						"fuwuxingji": "",
						"departure_time": "",
						"lng": "",
						"lat": ""
					},
					"address_info": {
						"aid": "",
						"create_time": "",
						"address": "",
						"contacts": "",
						"telephone": "",
						"lng": "",
						"lat": "",
						"sex": ""
					},
					"over_photo": [],
					"over_notes": "",
					"countdown": "",
					"payable_money": "",
					"peijian": [],
					"completion_time": "",
					"refund": [],
					"discount_money2": "",
					"subtotal": "",
					"total_amount": "",
					"serviceproject_photo": "",
					"discount_amount": "",
					"arriv_time": "",
					"toll_amount": "",
					"user_id": "",
					"invoice": "",
					"deposit_amount": {
						"aid": "",
						"pay_order_sn": "",
						"pay_money": "",
						"pay_sn": "",
						"pay_way": "",
						"pay_status": "",
						"order_type": "",
						"pay_time": "",
						"zhifufangshi_name": "",
						"zhifuzhuangtai_name": "",
						"dingdanleixing_name": "",
						"front_money": ""
					},
					"two_amount": {
						"aid": "",
						"pay_order_sn": "",
						"pay_money": "",
						"pay_sn": "",
						"pay_way": "",
						"pay_status": "",
						"order_type": "",
						"pay_time": "",
						"zhifufangshi_name": "",
						"zhifuzhuangtai_name": "",
						"dingdanleixing_name": "",
						"front_money": ""
					},
					"lowest_money": "",
					"two_price": "",
					"service_photo": [],
					"service_type": "",
					"coupon_id": "",
					"discount_ratio": "",
					"quoted_price": [],
					"front_money_sum": "",
					"pay_money_sum": "",
					"discount_money_sum": "",
					"bidding": {
						"bidding_price": "",
						"bidding_remark": "",
						"binding_image": []
					},
					"service_money": "",
					"specs_name": "",
					"level_service_money": "",
					"pay_money": "",
					"start_time": "",
					"is_complaint": "",
					"is_collection": ""
				},
				"cancelType": [],
				"cancel_id": "",
				"aid": "",
				"message_id": ""
			};
		},
		computed: {
			themeColor() {
				return this.$store.getters.themeColor
			},
			/**
			 * @returns 
			 * Android       安卓
			 * IOS       苹果
			 * Web       H5 或 pc
			 * Wechat       微信小程序
			 * Alipay       支付宝小程序
			 * Baidu       百度小程序
			 * ByteBounce       抖音小程序
			 * 360       360小程序
			 * FastApp       快应用
			 */
			appSystemIdentification() {
				return this.$store.state.appSystemIdentification
			}
		},
		watch: {},
		onLoad(options) {
			let {
				aid,
				message_id
			} = options
			if (aid !== undefined) this.aid = aid
			if (message_id !== undefined) this.message_id = message_id
			this.getCancalReasonFunc()
		},
		onUnload() {

		},
		onReady() {

		},
		onShow() {
			this.getDetailsFunc()
			this.getReadingFunc()
		},
		onHide() {

		},
		onResize() {

		},
		onPullDownRefresh() {
			this.getDetailsFunc()
		},
		onReachBottom(e) {

		},
		onPageScroll(e) {

		},
		onShareAppMessage() {
			return {
				title: this.detailsData.share_title,
				path: `/pages/index/serviceDetails/serviceDetails?id=${this.detailsData.serviceproject_id}&promoterID=${this.detailsData.group_id}`,
				imageUrl: this.detailsData.serviceproject_photo,
			}
		},
		methods: {
			//提交支付不能拼团满员之后支付
			async postNoDataFunc() {
				//请求方法
				//数据验证
				let datanoData = await this.$api.post(global.apiUrls.post6719fc63b2ad3, {
					aid: this.detailsData.serviceproject_id, // 服务ID	
					group_id: this.detailsData.group_id, //拼团ID
				});
				if (datanoData.data.code != 1) {
					this.$message.info(datanoData.data.msg);
					return
				}
				let infonoData = datanoData.data;
				this.noData = infonoData.data
				this.$urouter.navigateTo(
					`/pages/index/cashier/cashier?money=${this.detailsData.service_money}&countdown=${this.detailsData.countdown}&order_sn=${this.detailsData.deposit_amount.pay_order_sn}&order_type=13&syccessType=1`
				);
			},
			//点击分享
			async clickShearFunc(type) {
				if (type == '1') {
					await this.syncUniApi('share', {
						'provider': 'weixin',
						'scene': 'WXSceneSession',
						'type': 0,
						'title': this.detailsData.share_title,
						'href': this.detailsData.share_url,
						'summary': this.detailsData.share_content,
						'imageUrl': this.detailsData.serviceproject_photo
					})
					this.popupShow1728198922137 = false
				} else if (type == '2') {
					await this.syncUniApi('share', {
						'provider': 'weixin',
						'scene': 'WXSceneTimeline',
						'type': 0,
						'title': this.detailsData.share_title,
						'href': this.detailsData.share_url,
						'summary': this.detailsData.share_content,
						'imageUrl': this.detailsData.serviceproject_photo
					})
					this.popupShow1728198922137 = false
				}
			},
			//获取订单详细信息
			async getDetailsFunc() {
				//请求方法
				//数据验证

				let datadetailsData = await this.$api.get(global.apiUrls.post63a0176598251, {
					aid: this.aid
				});

				if (datadetailsData.data.code != 1) {
					this.$message.info(datadetailsData.data.msg);
					return
				}
				let infodetailsData = datadetailsData.data;
				this.detailsData = infodetailsData.data

			},
			//获取取消原因
			async getCancalReasonFunc() {
				//请求方法
				//数据验证

				let datacancelType = await this.$api.get(global.apiUrls.post63a5069232b22, {

				});

				if (datacancelType.data.code != 1) {
					this.$message.info(datacancelType.data.msg);
					return
				}
				let infocancelType = datacancelType.data;
				this.cancelType = infocancelType.data

				this.cancel_id = this.cancelType[0]?.aid
			},
			//提交取消订单
			async postCancalOrderFunc() {
				if (!validate(this.cancel_id, 'require')) {
					this.$message.info('请选择取消原因');
					return false;
				}
				//请求方法
				//数据验证

				let data63946c3695c49 = await this.$api.dbPost(global.apiUrls.post63946c3695c49, {
					aid: this.aid,
					cancel_reason: this.cancel_id
				});
				if (!data63946c3695c49) return
				if (data63946c3695c49.data.code != 1) {
					this.$message.info(data63946c3695c49.data.msg);
					return
				}



				this.$message.info('取消订单成功');
				this.popupShow1692697341302 = false;
				this.getDetailsFunc()
			},
			//提交到达
			async postReachFunc() {
				//请求方法
				//数据验证

				let data6394555b9d55f = await this.$api.dbPost(global.apiUrls.post6394555b9d55f, {
					aid: this.aid
				});
				if (!data6394555b9d55f) return
				if (data6394555b9d55f.data.code != 1) {
					this.$message.info(data6394555b9d55f.data.msg);
					return
				}



				this.getDetailsFunc()
			},
			//提交确认完成
			async postCompleteFunc() {
				this.popupShow1694424987892 = false;
				//请求方法
				//数据验证

				let data63945ab2014ef = await this.$api.dbPost(global.apiUrls.post63945ab2014ef, {
					aid: this.aid
				});
				if (!data63945ab2014ef) return
				if (data63945ab2014ef.data.code != 1) {
					this.$message.info(data63945ab2014ef.data.msg);
					return
				}



				this.getDetailsFunc()
			},
			//提交删除订单
			async postDeleteFunc() {
				this.popupShow1694425648944 = false;
				//请求方法
				//数据验证

				let data63a03271a4758 = await this.$api.dbPost(global.apiUrls.post63a03271a4758, {
					aid: this.aid
				});
				if (!data63a03271a4758) return
				if (data63a03271a4758.data.code != 1) {
					this.$message.info(data63a03271a4758.data.msg);
					return
				}



				this.$urouter.navigateBack(1);
			},
			//判断投诉跳转
			complaintJumpFunc(res) {
				if (res.is_complaint) {
					this.$urouter.navigateTo(`/pages/my/complaintDetaiuls/complaintDetaiuls?id=${res.is_complaint}`);
				} else {
					this.$urouter.navigateTo(`/pages/my/complaint/complaint?aid=${res.aid}&order_sn=${res.order_sn}`);
				}
			},
			//订单消息读取
			async getReadingFunc() {
				if (this.message_id != '') {
					//请求方法
					//数据验证

					let data65fea687e3102 = await this.$api.get(global.apiUrls.post65fea687e3102, {
						message_id: this.message_id
					});

					if (data65fea687e3102.data.code != 1) {
						this.$message.info(data65fea687e3102.data.msg);
						return
					}



				}
			},
			//判断发票跳转
			invoiceTransferFunc(invoice, order_sn) {
				if (invoice == 1) {
					this.$urouter.navigateTo(`/pages/my/applyInvoic/applyInvoic?order_sn=${order_sn}`);
				} else {
					this.$urouter.navigateTo(`/pages/my/fapiao/fapiao?order_sn=${order_sn}`);
				}
			},
			//是否收藏
			async collectFunc(collectID) {
				//请求方法
				//数据验证

				let data636caf10164ce = await this.$api.dbGet(global.apiUrls.post636caf10164ce, {
					master_id: collectID
				});
				if (!data636caf10164ce) return
				if (data636caf10164ce.data.code != 1) {
					this.$message.info(data636caf10164ce.data.msg);
					return
				}



				this.getDetailsFunc()
			}
		}
	};
</script>
<style lang="scss" scoped>
	.page {
		width: 100vw;
		overflow-x: hidden;
		min-height: calc(100vh - var(--window-bottom));
		background: rgba(248, 248, 248, 1);
		background-size: 100% auto;
	}

	.orderDetails_flex_0 {
		background: var(--benbenbgColor2);
		width: 750rpx;
		height: 88rpx;
		overflow: hidden;
		z-index: 10;
		top: 0rpx;
		background-size: 100% auto !important;
	}

	.orderDetails_fd0_0_c1 {
		font-size: 36rpx;
		font-weight: 500;
		color: rgba(255, 255, 255, 1);
	}

	.orderDetails_fd0_0_c0_c0 {
		font-size: 32rpx;
		color: rgba(255, 255, 255, 1);
	}

	.orderDetails_fd0_0_c0 {
		width: 120rpx;
		height: 88rpx;
	}

	.orderDetails_fd0_0 {
		padding: 0rpx 32rpx 0rpx 32rpx;
		height: 88rpx;
	}

	.orderDetails_flex_1 {
		background: var(--benbenbgColor2);
		padding: 40rpx 0rpx 80rpx 0rpx;
		background-size: 100% auto;
	}

	.orderDetails_fd1_1 {
		color: #FFFFFF;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 45rpx;
	}

	.orderDetails_fd1_0 {
		width: 34rpx;
		height: 34rpx;
		margin: 0rpx 24rpx 0rpx 0rpx;
	}

	.orderDetails_flex_2 {
		background: #fff;
		padding: 40rpx 24rpx 40rpx 24rpx;
		position: relative;
		background-size: 100% auto !important;
		margin: 0rpx 24rpx 20rpx 24rpx;
		border-radius: 16rpx;
	}

	.orderDetails_fd2_2 {
		width: 750rpx;
		height: 6rpx;
		position: absolute;
		bottom: 0rpx;
		left: 0rpx;
	}

	.orderDetails_fd2_1_c1 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 400;
		color: #666666;
		margin: 19rpx 0rpx 0rpx 0rpx;
	}

	.orderDetails_fd2_1_c0_c4 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 500;
		margin: 0rpx 0rpx 0rpx 24rpx;
		line-height: 40rpx;
	}

	.orderDetails_fd2_1_c0_c0 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 700;
		line-height: 45rpx;
	}

	.orderDetails_fd2_1_c0 {
		line-height: 40rpx;
	}

	.orderDetails_fd2_1 {
		margin: 0rpx 0rpx 0rpx 28rpx;
	}

	.orderDetails_fd2_0 {
		width: 60rpx;
		height: 60rpx;
		border-radius: 39rpx 39rpx 39rpx 39rpx;
	}

	.orderDetails_flex_3 {
		background: rgba(255, 255, 255, 1);
		margin: 0rpx 24rpx 20rpx 24rpx;
		background-size: 100% auto;
		border-radius: 16rpx;
		padding: 32rpx 24rpx 32rpx 24rpx;
	}

	.orderDetails_fd3_3 {
		width: 60rpx;
		height: 60rpx;
	}

	.orderDetails_fd3_2_c1 {
		font-size: 24rpx;
		font-weight: 400;
		color: #333;
	}

	.orderDetails_fd3_2_c0 {
		width: 40rpx;
		height: 40rpx;
		margin: 0rpx 0rpx 10rpx 0rpx;
	}

	.orderDetails_fd3_2 {
		margin: 0rpx 16rpx 0rpx 24rpx;
	}

	.orderDetails_star1fd3_1_c1_c0 {
		height: 18rpx;
		margin: 0rpx 4rpx 0rpx 0rpx;
		width: 18rpx;
	}

	.orderDetails_star1fd3_1_c1_c0 {
		width: 18rpx;
		height: 18rpx;
		margin: 0rpx 4rpx 0rpx 0rpx;
	}

	.orderDetails_fd3_1_c1 {
		margin: 10rpx 0rpx 0rpx 0rpx;
	}

	.orderDetails_fd3_1_c0 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 700;
		line-height: 45rpx;
	}

	.orderDetails_fd3_1 {
		margin: 0rpx 0rpx 0rpx 24rpx;
	}

	.orderDetails_fd3_0 {
		width: 96rpx;
		height: 96rpx;
		border-radius: 48rpx 48rpx 48rpx 48rpx;
	}

	.orderDetails_flex_4 {
		background: #fff;
		padding: 32rpx 32rpx 0rpx 32rpx;
		background-size: 100% auto !important;
		margin: 0rpx 24rpx 20rpx 24rpx;
		border-radius: 16rpx;
	}

	.orderDetails_price2_fd4_2_c1_c1 {
		font-size: 22rpx;
	}

	.orderDetails_fd4_2_c1_c1 {
		color: #FF5050;
		font-weight: 700;
		line-height: 40rpx;
		font-size: 32rpx;
	}

	.orderDetails_fd4_2_c1_c0 {
		color: #FF5050;
		font-size: 22rpx;
		font-weight: 900;
		line-height: 40rpx;
	}

	.orderDetails_fd4_2_c1 {
		margin: 0rpx 0rpx 0rpx 10rpx;
	}

	.orderDetails_fd4_2_c0 {
		color: #666666;
		font-size: 24rpx;
		line-height: 33rpx;
		font-weight: 500;
	}

	.orderDetails_fd4_2 {
		border-top: 1px solid #eee;
		padding: 32rpx 0rpx 32rpx 0rpx;
	}

	.orderDetails_fd4_1_c1 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 400;
	}

	.orderDetails_fd4_1_c0 {
		color: #999999;
		font-size: 28rpx;
		font-weight: 400;
		margin: 0rpx 40rpx 0rpx 0rpx;
	}

	.orderDetails_fd4_1 {
		line-height: 40rpx;
		margin: 0rpx 0rpx 32rpx 0rpx;
	}

	.orderDetails_fd4_0_c0_c0 {
		width: 140rpx;
		height: 140rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}

	.orderDetails_fd4_0_c0 {
		margin: 0rpx 20rpx 24rpx 0rpx;
	}

	.orderDetails_fd4_0 {
		padding: 0rpx 0rpx 0rpx 0rpx;
	}

	.orderDetails_flex_5 {
		background: #fff;
		padding: 0rpx 24rpx 0rpx 24rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		background-size: 100% auto !important;
		margin: 0rpx 24rpx 20rpx 24rpx;
	}

	.orderDetails_fd5_3_c1 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 40rpx;
	}

	.orderDetails_fd5_3_c0 {
		color: #999999;
		font-size: 28rpx;
		font-weight: 400;
		margin: 0rpx 40rpx 0rpx 0rpx;
		line-height: 40rpx;
	}

	.orderDetails_fd5_2_c0_c0 {
		width: 140rpx;
		height: 140rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}

	.orderDetails_fd5_2_c0 {
		margin: 0rpx 20rpx 24rpx 0rpx;
	}

	.orderDetails_fd5_2 {
		margin: 0rpx 0rpx 8rpx 0rpx;
	}

	.orderDetails_fd5_1_c1_c3_c0_c0 {
		color: #999999;
		font-size: 20rpx;
		line-height: 28rpx;
		font-weight: 400;
		padding: 0rpx 23rpx 0rpx 0rpx;
	}

	.orderDetails_price2_fd5_1_c1_c2_c1_c1 {
		font-size: 22rpx;
	}

	.orderDetails_fd5_1_c1_c2_c1_c1 {
		color: #FF5050;
		font-weight: 700;
		line-height: 40rpx;
		font-size: 32rpx;
	}

	.orderDetails_fd5_1_c1_c2_c1_c0 {
		color: #FF5050;
		font-size: 22rpx;
		font-weight: 700;
		line-height: 40rpx;
	}

	.orderDetails_fd5_1_c1_c2_c1 {
		margin: 0rpx 0rpx 0rpx 10rpx;
	}

	.orderDetails_fd5_1_c1_c2_c0 {
		color: #999999;
		font-size: 20rpx;
		line-height: 28rpx;
		font-weight: 400;
	}

	.orderDetails_fd5_1_c1_c2 {
		margin: 16rpx 0rpx 0rpx 0rpx;
	}

	.orderDetails_fd5_1_c1_c1_c1 {
		margin: 0rpx 0rpx 0rpx auto;
	}

	.orderDetails_fd5_1_c1_c1_c0 {
		color: #999999;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 33rpx;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}

	.orderDetails_fd5_1_c1_c1 {
		color: rgba(153, 153, 153, 1);
	}

	.orderDetails_fd5_1_c1_c0 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 700;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		line-height: 45rpx;
		margin: 0rpx 0rpx 24rpx 0rpx;
	}

	.orderDetails_fd5_1_c0 {
		width: 160rpx;
		height: 160rpx;
		border-radius: 16rpx;
		margin: 0rpx 24rpx 0rpx 0rpx;
	}

	.orderDetails_fd5_1 {
		margin: 0rpx 0rpx 32rpx 0rpx;
	}

	.orderDetails_fd5_0_c1 {
		color: #333333;
		font-size: 28rpx;
		line-height: 40rpx;
		font-weight: 700;
	}

	.orderDetails_fd5_0_c0 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 700;
		margin: 0rpx 12rpx 0rpx 0rpx;
		line-height: 40rpx;
	}

	.orderDetails_fd5_0 {
		margin: 32rpx 0rpx 32rpx 0rpx;
	}

	.orderDetails_flex_6 {
		background: rgba(255, 255, 255, 0);
		padding: 0rpx 0rpx 0rpx 0rpx;
		background-size: 100% auto !important;
		margin: 0rpx 24rpx 0rpx 24rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}

	.orderDetails_price2_fd6_0_c3_c1_c1 {
		font-size: 22rpx;
	}

	.orderDetails_fd6_0_c3_c1_c1 {
		color: #FF5050;
		font-weight: 700;
		line-height: 40rpx;
		font-size: 32rpx;
	}

	.orderDetails_fd6_0_c3_c1_c0 {
		color: #FF5050;
		font-size: 22rpx;
		font-weight: 900;
		line-height: 40rpx;
	}

	.orderDetails_fd6_0_c3_c1 {
		margin: 0rpx 0rpx 0rpx 10rpx;
	}

	.orderDetails_fd6_0_c3_c0 {
		color: #666666;
		font-size: 24rpx;
		line-height: 33rpx;
		font-weight: 500;
	}

	.orderDetails_fd6_0_c3 {
		border-top: 1px solid #eee;
		padding: 32rpx 0rpx 32rpx 0rpx;
	}

	.orderDetails_fd6_0_c2_c1 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 400;
	}

	.orderDetails_fd6_0_c2_c0 {
		color: #999999;
		font-size: 28rpx;
		font-weight: 400;
		margin: 0rpx 40rpx 0rpx 0rpx;
	}

	.orderDetails_fd6_0_c2 {
		line-height: 40rpx;
		margin: 0rpx 0rpx 32rpx 0rpx;
	}

	.orderDetails_fd6_0_c1_c0_c0 {
		width: 140rpx;
		height: 140rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}

	.orderDetails_fd6_0_c1_c0 {
		margin: 0rpx 20rpx 24rpx 0rpx;
	}

	.orderDetails_fd6_0_c1 {
		padding: 0rpx 0rpx 0rpx 0rpx;
	}

	.orderDetails_fd6_0_c0_c2 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 700;
		line-height: 40rpx;
	}

	.orderDetails_fd6_0_c0_c1_1 {
		border: 1px solid var(--benbenbdColor2);
		color: var(--benbenFontColor4);
		font-size: 24rpx;
		font-weight: 400;
		line-height: 40rpx;
		margin: 0rpx 8rpx 0rpx auto;
		padding: 0rpx 8rpx 0rpx 8rpx;
		border-radius: 16rpx;
	}

	.orderDetails_fd6_0_c0_c1 {
		border: 1px solid rgba(227, 29, 26, 1);
		color: rgba(227, 29, 26, 1);
		font-size: 24rpx;
		font-weight: 400;
		line-height: 40rpx;
		margin: 0rpx 8rpx 0rpx auto;
		padding: 0rpx 8rpx 0rpx 8rpx;
		border-radius: 16rpx;
	}

	.orderDetails_fd6_0_c0_c0 {
		color: #666666;
		font-size: 24rpx;
		font-weight: 500;
		line-height: 33rpx;
	}

	.orderDetails_fd6_0_c0 {
		margin: 0rpx 0rpx 32rpx 0rpx;
	}

	.orderDetails_fd6_0 {
		background: rgba(255, 255, 255, 1);
		margin: 0rpx 0rpx 20rpx 0rpx;
		background-size: 100% auto;
		padding: 36rpx 24rpx 0rpx 24rpx;
	}

	.orderDetails_flex_7 {
		background: #fff;
		padding: 0rpx 24rpx 0rpx 24rpx;
		background-size: 100% auto !important;
		margin: 0rpx 24rpx 20rpx 24rpx;
		border-radius: 16rpx;
	}

	.orderDetails_fd7_2_c1 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 400;
	}

	.orderDetails_fd7_2_c0 {
		color: #999999;
		font-size: 28rpx;
		font-weight: 400;
		margin: 0rpx 40rpx 0rpx 0rpx;
	}

	.orderDetails_fd7_2 {
		margin: 0rpx 0rpx 32rpx 0rpx;
	}

	.orderDetails_fd7_1_c0_c0 {
		width: 140rpx;
		height: 140rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}

	.orderDetails_fd7_1_c0 {
		margin: 0rpx 20rpx 24rpx 0rpx;
	}

	.orderDetails_fd7_1 {
		margin: 0rpx 0rpx 8rpx 0rpx;
	}

	.orderDetails_fd7_0 {
		color: #393939;
		font-size: 32rpx;
		font-weight: 700;
		line-height: 45rpx;
		margin: 32rpx 0rpx 32rpx 0rpx;
	}

	.orderDetails_flex_8 {
		background: #fff;
		padding: 0rpx 24rpx 0rpx 24rpx;
		background-size: 100% auto !important;
		margin: 0rpx 24rpx 24rpx 24rpx;
		border-radius: 16rpx;
	}

	.orderDetails_fd8_1_c1 {
		color: #333333;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 33rpx;
	}

	.orderDetails_fd8_1_c0 {
		margin: 0rpx 40rpx 0rpx 0rpx;
		color: #999999;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 33rpx;
	}

	.orderDetails_fd8_1 {
		margin: 0rpx 0rpx 32rpx 0rpx;
	}

	.orderDetails_fd8_0_c1 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 700;
		line-height: 45rpx;
	}

	.orderDetails_fd8_0_c0 {
		background: var(--benbenbgColor2);
		width: 6rpx;
		height: 30rpx;
		border-radius: 4rpx 4rpx 4rpx 4rpx;
		background-size: 100% auto;
		margin: 0rpx 16rpx 0rpx 0rpx;
	}

	.orderDetails_fd8_0 {
		border-bottom: 1px solid #eee;
		padding: 32rpx 0rpx 24rpx 0rpx;
		margin: 0rpx 0rpx 32rpx 0rpx;
	}

	.orderDetails_flex_9 {
		padding: 0rpx 32rpx 24rpx 32rpx;
	}

	.orderDetails_fd9_0_c1 {
		margin: 0rpx 0rpx 0rpx 16rpx;
	}

	.orderDetails_fd9_0_c0 {
		width: 50rpx;
		height: 50rpx;
	}

	.orderDetails_fd9_0 {
		background: rgba(238, 238, 238, 1);
		background-size: 100% auto;
		padding: 8rpx 0rpx 8rpx 0rpx;
		border-radius: 16rpx;
	}

	.orderDetails_flex_10 {
		background: #fff;
		background-size: 100% auto !important;
		border-radius: 24rpx 24rpx 0rpx 0rpx;
		padding: 0rpx 0rpx 17rpx 0rpx;
	}

	.orderDetails_fd10_2_c0_c1 {
		width: 36rpx;
		height: 36rpx;
	}

	.orderDetails_fd10_2_c0_c0 {
		line-height: 45rpx;
		font-size: 32rpx;
		font-weight: 400;
		color: #333333;
	}

	.orderDetails_fd10_2_c0 {
		margin: 0rpx 0rpx 40rpx 0rpx;
	}

	::v-deep .orderDetails_fd10_2 {
		padding: 40rpx 24rpx 0rpx 24rpx;
	}

	.orderDetails_fd10_1 {
		background: rgba(246, 247, 249, 1);
		padding: 0rpx 24rpx 0rpx 24rpx;
		line-height: 90rpx;
		font-size: 28rpx;
		font-weight: 400;
		color: #666666;
		background-size: 100% auto !important;
	}

	.orderDetails_fd10_0_c2 {
		line-height: 45rpx;
		font-size: 32rpx;
		font-weight: 400;
		color: var(--benbenFontColor4);
	}

	.orderDetails_fd10_0_c1 {
		line-height: 50rpx;
		font-size: 36rpx;
		font-weight: 700;
		color: #333333;
	}

	.orderDetails_fd10_0_c0 {
		line-height: 45rpx;
		font-size: 32rpx;
		font-weight: 400;
		color: #999999;
	}

	.orderDetails_fd10_0 {
		height: 114rpx;
		padding: 0rpx 24rpx 0rpx 24rpx;
	}

	.orderDetails_flex_11 {
		border-top: 1px solid #eee;
		background: rgba(255, 255, 255, 1);
		width: 750rpx;
		height: 100rpx;
		overflow: hidden;
		z-index: 10;
		bottom: calc(0rpx + var(--window-bottom));
	}

	.orderDetails_fd11_0_c1_4 {
		background: rgba(246, 246, 246, 1);
		border-radius: 30rpx 30rpx 30rpx 30rpx;
		font-size: 24rpx;
		color: rgba(51, 51, 51, 1);
		width: 150rpx;
		height: 60rpx;
		line-height: 60rpx;
		font-weight: 400;
		margin: 0rpx 0rpx 0rpx 16rpx;
	}

	.orderDetails_fd11_0_c1_1 {
		background: var(--benbenbgColor2);
		border-radius: 30rpx 30rpx 30rpx 30rpx;
		font-size: 24rpx;
		color: #fff;
		width: 150rpx;
		height: 60rpx;
		line-height: 60rpx;
		font-weight: 400;
		margin: 0rpx 0rpx 0rpx 16rpx;
	}

	.orderDetails_fd11_0_c1 {
		background: var(--benbenbgColor2);
		border-radius: 30rpx 30rpx 30rpx 30rpx;
		font-size: 24rpx;
		color: #fff;
		width: 140rpx;
		height: 60rpx;
		line-height: 60rpx;
		font-weight: 400;
		margin: 0rpx 0rpx 0rpx 16rpx;
	}

	.orderDetails_fd11_0_c0_1 {
		background: #F6F6F6;
		border-radius: 50rpx 50rpx 50rpx 50rpx;
		font-size: 24rpx;
		color: rgba(51, 51, 51, 1);
		width: 150rpx;
		height: 60rpx;
		line-height: 60rpx;
		font-weight: 400;
		margin: 0rpx 0rpx 0rpx 16rpx;
	}

	.orderDetails_fd11_0_c0 {
		background: #F6F6F6;
		border-radius: 50rpx 50rpx 50rpx 50rpx;
		font-size: 24rpx;
		color: rgba(51, 51, 51, 1);
		width: 140rpx;
		height: 60rpx;
		line-height: 60rpx;
		font-weight: 400;
		margin: 0rpx 0rpx 0rpx 16rpx;
	}

	.orderDetails_fd11_0 {
		padding: 0rpx 32rpx 0rpx 0rpx;
		height: 100rpx;
	}

	.orderDetails_fd12_0_c2_c1 {
		background: var(--benbenbgColor1);
		font-size: 32rpx;
		color: var(--benbenFontColor4);
		width: 262rpx;
		height: 101rpx;
		line-height: 101rpx;
		font-weight: 500;
	}

	.orderDetails_fd12_0_c2_c0 {
		border-right: 1px solid #eee;
		background: #fff;
		font-size: 32rpx;
		color: rgba(153, 153, 153, 1);
		width: 270rpx;
		height: 101rpx;
		line-height: 101rpx;
		font-weight: 400;
	}

	.orderDetails_fd12_0_c2 {
		border-top: 1px solid #eee;
		margin: 51rpx 0rpx 0rpx 0rpx;
	}

	.orderDetails_fd12_0_c1 {
		line-height: 44rpx;
		font-size: 32rpx;
		font-weight: 500;
		color: #333333;
		text-align: center;
		margin: 32rpx 40rpx 0rpx 40rpx;
	}

	.orderDetails_fd12_0_c0 {
		line-height: 44rpx;
		font-size: 36rpx;
		font-weight: 700;
		color: #333333;
		margin: 40rpx 0rpx 0rpx 0rpx;
	}

	.orderDetails_fd12_0 {
		background: #fff;
		width: 540rpx;
		background-size: 100% auto !important;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}

	.orderDetails_flex_13 {
		background: #fff;
		width: 540rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}

	.orderDetails_fd13_2_c1 {
		border-top: 1px solid #eee;
		border-left: 1px solid #eee;
		background: #fff;
		line-height: 110rpx;
		border-radius: 0rpx 0rpx 16rpx 0rpx;
		font-size: 32rpx;
		color: var(--benbenFontColor4);
		width: 264rpx;
	}

	.orderDetails_fd13_2_c0 {
		border-top: 1px solid #eee;
		background: #fff;
		line-height: 110rpx;
		border-radius: 0rpx 0rpx 0rpx 16rpx;
		font-size: 32rpx;
		color: rgba(153, 153, 153, 1);
		padding: 0rpx 103rpx 0rpx 103rpx;
	}

	.orderDetails_fd13_2 {
		margin: 37rpx 0rpx 0rpx 0rpx;
	}

	.orderDetails_fd13_1 {
		line-height: 44rpx;
		font-size: 32rpx;
		font-weight: 500;
		color: #333333;
	}

	.orderDetails_fd13_0 {
		font-size: 36rpx;
		font-weight: 800;
		line-height: 44rpx;
		color: #333333;
		margin: 40rpx 0rpx 40rpx 0rpx;
	}

	.order_fd2_1_c0_c20089 {
		border: 1px solid #d90b20;
		color: #d90b20;
		font-size: 24rpx;
		font-weight: 700;
		line-height: 36rpx;
		padding: 0rpx 8rpx 0rpx 8rpx;
		border-radius: 8rpx;
		height: 36rpx;
		margin-right: auto;
	}

	//分享弹窗
	.serviceDetails_fd3_0_c1_c0_c2078963 {
		font-size: 24rpx;
		font-weight: 400;
		color: #333;
	}

	.serviceDetails_fd3_0_c1_c0_c1078963 {
		width: 80rpx;
		height: 80rpx;
		border-radius: 40rpx 40rpx 40rpx 40rpx;
		margin: 0rpx 0rpx 16rpx 0rpx;
	}

	.serviceDetails_fd3_0_c1_c0_c0078963 {
		background: transparent;
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 10;
	}

	.serviceDetails_fd3_0_c1_c0078963 {
		position: relative;
	}

	.serviceDetails_fd3_0_c1078963 {
		padding: 0rpx 0rpx 58rpx 0rpx;
	}

	.serviceDetails_fd3_0_c0_c2_c0078963 {
		width: 40rpx;
		height: 40rpx;
		border-radius: 20rpx 20rpx 20rpx 20rpx;
	}

	.serviceDetails_fd3_0_c0_c1078963 {
		font-size: 32rpx;
		font-weight: 700;
		color: #333;
		margin: 0rpx 16rpx 0rpx 16rpx;
	}

	.serviceDetails_fd3_0_c0_c0078963 {
		width: 40rpx;
		height: 40rpx;
	}

	.serviceDetails_fd3_0_c0078963 {
		margin: 40rpx 0rpx 40rpx 0rpx;
	}

	.serviceDetails_fd3_0078963 {
		background: #fff;
		background-size: 100% auto !important;
		border-radius: 24rpx 24rpx 0rpx 0rpx;
		padding: 0rpx 32rpx 0rpx 32rpx;
	}

	//拼团
	.orderDetails_flex_3_ben0897523 {
		background: #fff;
		margin: 0rpx 24rpx 20rpx 24rpx;
		border-radius: 16rpx;
		padding: 32rpx 32rpx 32rpx 32rpx;
		background-size: 100% auto;
	}

	.orderDetails_fd3_0_ben0897523 {
		margin: 0rpx 0rpx 48rpx 0rpx;
	}

	.orderDetails_fd3_1_c0_ben0897523 {
		width: 30rpx;
		height: 30rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 0rpx 8rpx 0rpx 0rpx;
	}

	.orderDetails_fd3_1_c1_ben0897523 {
		color: #333333;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 33rpx;
	}

	.orderDetails_fd3_1_c2_ben0897523 {
		color: var(--benbenFontColor4);
		font-size: 24rpx;
		font-weight: 400;
		line-height: 33rpx;
	}

	.orderDetails_fd3_1_c4_ben0897523 {
		background: #FFFFFF;
	}

	.orderDetails_fd3_1_c4_c2_ben0897523 {
		font-size: 24rpx;
		font-weight: 400;
		color: var(--benbenFontColor4);
	}

	.orderDetails_fd3_1_c5_ben0897523 {
		color: #333333;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 33rpx;
		margin: 0rpx 0rpx 0rpx 5rpx;
	}

	.orderDetails_fd3_2_ben0897523 {
		touch-action: none;
		width: 540rpx;
	}

	.orderDetails_fd3_2_c0_ben0897523 {
		position: relative;
		margin: 0rpx 12rpx 0rpx 12rpx;
	}

	.orderDetails_fd3_2_c0_c0_ben0897523 {
		width: 104rpx;
		height: 104rpx;
		border-radius: 60rpx 60rpx 60rpx 60rpx;
	}

	.orderDetails_fd3_2_c0_c1_ben0897523 {
		background: var(--benbenbgColor2);
		line-height: 34rpx;
		font-size: 22rpx;
		color: #fff;
		width: 80rpx;
		position: absolute;
		top: 0rpx;
		left: 13rpx;
	}
</style>